<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>优永动助手 - 购买激活码</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/css/blog.css">

    <style>
        .jihuomatype-box{
            font-size: 34px;
            width: 96%;
            margin-left: 2%;
            height: 180px;
            background-color: rgba(0, 155, 0, 0.8);

            margin-bottom: 50px;
        }
        .jihuoma-name{
            margin-top: 20px;
            font-size: 44px;
            text-align: center;
            color: white;
        }
        .jihuoma-money{
            font-size: 36px;
            line-height: 88px;
            text-align: center;
            color: #f3f3f3;
        }
        .buybtn{
            display: block;
            margin-top: 58px;
            font-size: 42px;
            color: white;

        }
    </style>
</head>
<body>

<div class="layui-row search-main log-title">

    <div class="layui-col-xs2" onclick="history.go(-1)">
        <i class="layui-icon layui-icon-left return-btn"></i>
    </div>

    <div class="layui-col-xs4 layui-col-xs-offset2">购买激活码</div>

</div>


<div class="layui-row blog-main">
    <div class="layui-row">
        <span style="color: red;" th:text="${buytip}"></span>
    </div>
    <div class="layui-row jihuomatype-box" th:each="jtype:${jihuomatypeDOS}">
        <div class="layui-col-xs6">
            <div class="layui-row jihuoma-name" th:text="${jtype.jihuomatype}+${jtype.timelength}+'h'">年卡</div>
            <div class="layui-row jihuoma-money" th:text="${#numbers.formatDecimal(jtype.jihuomaprice,0,2)}+'U'">199U</div>
        </div>

        <div class="layui-col-xs3 layui-col-xs-offset3">
            <a  th:onclick="'javascript:tobuyPage(\''+${jtype.id}+'\');'"  class="buybtn">购买</a>
        </div>
    </div>


</div>


</div>


<script>
    function tobuyPage(id) {
        window.location = "/jihuomapay?id="+id;
    }

</script>

</body>
</html>